// 弹出层样式
.popUp {
    .popUpInside {
      padding: 4%;
      // 文本外框样式
      .text {
        margin-bottom: 3%;
      }
      .inpInfoBox {
        font-size: large;
        font-weight: 500;
        width: 100%;
        margin: 3% 0;
  
        // 输入框样式
        .u-input {
          box-shadow: 0px 0px 3px 1px #ccc;
        }
        // 单选样式
        .u-radio {
          margin-right: 3%;
        }
      }
  
      // 按钮样式
      .btns {
        width: 100%;
        display: flex;
        justify-content: flex-end;
  
        .submitBotton {
          width: 30%;
          margin-right: 3%;
        }
  
        .resetBotton {
          width: 30%;
        }
  
        margin-top: 3%;
      }
    }
  }
  
  // 列表外框样式
  .userList {
    padding: 10% 1% 0 1%;
  }
  
  // 用户表单样式
  //   外框样式
  .inpInfoBox {
    font-size: large;
    font-weight: 500;
    width: 100%;
    margin: 3% 0;
  
    // 文本外框样式
    .text {
      margin-bottom: 3%;
    }
  
    // 输入框样式
    .u-input {
      box-shadow: 0px 0px 3px 1px #ccc;
    }
  
    // 复选框样式
    .u-textarea {
      box-shadow: 0px 0px 3px 1px #ccc;
    }
  
    // 单选样式
    .u-radio {
      margin-right: 3%;
    }
  }
  
  // 表单按钮样式
  .btns {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  
    .submitBotton {
      width: 30%;
      margin-right: 3%;
    }
  
    .cancelBotton {
      width: 30%;
    }
  
    margin-top: 3%;
  }
  